<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站建设</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/seo.css">
</head>

<body>

    <div class="head">
        <div class="head-center">
            <div class="head2">
                <div><img src="images/picture/1656997276847223.png" alt=""></div>
                <div class="head3">
                    <div class="head-txt">
                        <a href="">首页</a>
                    </div>
                    <div class="head-txt" id="anli-center">
                        <a href="./index.example.html">案例中心</a>
                    </div>
                    <div class="head-txt">
                        <a href="">SEO招商</a>
                    </div>
                    <div class="head-txt">
                        <a href="" id="seo-tech">SEO技术</a>
                    </div>
                    <div class="head-txt">
                        <a href="">建站招商</a>
                    </div>
                    <div class="head-txt">
                        <a href="">建站技术</a>
                    </div>
                    <div class="head-txt">
                        <a href="">关于我们</a>
                    </div>
                    <div class="head-txt">
                        <a href="">联系我们</a>
                    </div>
                </div>
                <div class="head-phone"><img class="phone" src="images/picture/phone.png" alt="">
                    <p class="head-txt-num">400-888-8888</p>
                </div>
            </div>
        </div>
        <!--头顶状态栏-->
    </div>


    <!--小广告-->
    <div class="ad-container">
        <div class="ad">
            <div class="flex"><img class="ad-img1" src="images/picture/ad-kefu.png" alt="">
                <p class="ad-txt">在线客服</p>
            </div>
            <div class="ad-bk">
                <div class="flex">
                    <img class="ad-img2" src="images/picture/qq.png" alt="">
                    <p class="ad-txt2">官网优化</p>
                </div>
                <div class="flex">
                    <img class="ad-img2" src="images/picture/qq.png" alt="">
                    <p class="ad-txt2">整站优化</p>
                </div>
                <div class="flex">
                    <img class="ad-img2" src="images/picture/qq.png" alt="">
                    <p class="ad-txt2">渠道代理</p>
                </div>
                <div><img class="ad-img3" src="images/picture/1656998500881924.png" alt=""></div>
                <div>
                    <p class="ad-txt4">400-888-8888</p>
                </div>
            </div>
        </div>
        <img class="right" src="images/picture/right.png" alt="">
        <img class="left" src="images/picture/left.png" alt="">
    </div>
    <!--回到顶部按钮-->
    <div class="back-top">
        <img class="back-img" src="images/picture/back.png" alt="">
    </div>




    <div class="yincangtiao" id="yincangtiao">
        <div class="xiantiao"></div>
        <div class="tu1" id="tu1"> <img src="./images/picture/1656998301356386.jpg">
            <p>SEO优化</p>
        </div>
        <div class="tu2" id="tu2"> <img src="./images/picture/1656998310290185.jpg">
            <p>整站优化</p>
        </div>
        <div class="tu2" id="tu2"> <img src="./images/picture/1656998319385267.jpg">
            <p>网站建设</p>
        </div>
    </div>
    <div class="img-container"><img src="./images/picture/1656987649522384.jpg"></div>
    <div class="biaotou-container">
        <div class="biaotou-container2">
            <div class="biaotou"><a href="./seo优化.html">seo优化</a></div>
            <div class="biaotou"><a href="./整站优化.html">整站优化</a></div>
            <div class="biaotou1"><a href="./网站建设.html">网站建设</a></div>
        </div>
    </div>
    <div class="text-information">
        <div class="page active" id="page1">
            <div class="text-container">
                <div class="box-txt">
                    <div class="zoom-container"><img src="./images/picture/1657005261703785.jpg">
                        <div class="text-overlay">
                            <span>网站建设案例</span>
                            <span>深圳户外，深圳徒步，深圳周边游</span>
                            <span>优化词1 上线词1</span>
                        </div>
                    </div>
                    <div class="information">
                        <div class="information-1">网站建设案例</div>
                        <div class="information-2">优化时长：30天</div>
                    </div>
                </div>
                <div class="box-txt">
                    <div class="zoom-container"><img src="./images/picture/1657005261703785.jpg">
                        <div class="text-overlay">
                            <span>网站建设案例</span>
                            <span>深圳户外，深圳徒步，深圳周边游</span>
                            <span>优化词1 上线词1</span>
                        </div>
                    </div>
                    <div class="information">
                        <div class="information-1">网站建设案例</div>
                        <div class="information-2">优化时长：30天</div>
                    </div>
                </div>
                <div class="box-txt">
                    <div class="zoom-container"><img src="./images/picture/1657005261703785.jpg">
                        <div class="text-overlay">
                            <span>网站建设案例</span>
                            <span>深圳户外，深圳徒步，深圳周边游</span>
                            <span>优化词1 上线词1</span>
                        </div>
                    </div>
                    <div class="information">
                        <div class="information-1">网站建设案例</div>
                        <div class="information-2">优化时长：30天</div>
                    </div>
                </div>

            </div>
            <div class="text-container2">
                <div class="box-txt">
                    <div class="zoom-container"><img src="./images/picture/1657005261703785.jpg">
                        <div class="text-overlay">
                            <span>网站建设案例</span>
                            <span>深圳户外，深圳徒步，深圳周边游</span>
                            <span>优化词1 上线词1</span>
                        </div>
                    </div>
                    <div class="information">
                        <div class="information-1">网站建设案例</div>
                        <div class="information-2">优化时长：30天</div>
                    </div>
                </div>
                <div class="box-txt">
                    <div class="zoom-container"><img src="./images/picture/1657005261703785.jpg">
                        <div class="text-overlay">
                            <span>网站建设案例</span>
                            <span>深圳户外，深圳徒步，深圳周边游</span>
                            <span>优化词1 上线词1</span>
                        </div>
                    </div>
                    <div class="information">
                        <div class="information-1">网站建设案例</div>
                        <div class="information-2">优化时长：30天</div>
                    </div>
                </div>
                <div class="box-txt">
                    <div class="zoom-container"><img src="./images/picture/1657005261703785.jpg">
                        <div class="text-overlay">
                            <span>网站建设案例</span>
                            <span>深圳户外，深圳徒步，深圳周边游</span>
                            <span>优化词1 上线词1</span>
                        </div>
                    </div>
                    <div class="information">
                        <div class="information-1">网站建设案例</div>
                        <div class="information-2">优化时长：30天</div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="huanye-button">
        <button onclick="changePage(-1)">&lt;&lt;</button>
        <!-- 上一页（这里假设-1用于上一页逻辑） -->
        <button onclick="changePage(1)" id="button-1" class="button-1">1</button>
        <button id="page-display">1/1</button>
        <button onclick="changePage(3)">&gt;&gt;</button>
        <!-- 下一页（这里假设3用于下一页逻辑） -->
    </div>
    </div>
    <div class="bottom">
        <div class="bottom-center">
            <div class="bottom-center2">

                <div class="bottom-conten">
                    <p class="bottom-txt">热门TAG</p>
                    <p class="bottom-txt2">seo&nbsp;&nbsp;&nbsp;&nbsp;企业网站</p>
                </div>
                <hr class="bottom-hr">
                <div class="locate">
                    <div class="bottom-content2">
                        <div class="bottom-content3">
                            <div>
                                <div><img src="images/picture/1656998500881924.png" alt=""></div>
                                <div class="bottom-wechat">
                                    <img class="bottom-img" src="images/picture/wechat.png" alt="">
                                    <p class="wechat-txt">微信咨询</p>
                                </div>
                            </div>
                            <div class="bottom-hr2"> </div>
                            <div>
                                <div>
                                    <p class="bottom-txt3">案例中心</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">seo优化</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">整站优化</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">网站建设</p>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <p class="bottom-txt3">SEO技术</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">SEO基础</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">建站优化</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">网站优化</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">营销推广</p>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <p class="bottom-txt3">建站技术</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">域名备案</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">网页设计</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">网站建设</p>
                                </div>
                                <div>
                                    <p class="bottom-txt4">建站经验</p>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <p class="bottom-txt3">SEO招商</p>
                                </div>
                                <div>
                                    <p class="bottom-txt3">建站招商</p>
                                </div>
                                <div>
                                    <p class="bottom-txt3">关于我们</p>
                                </div>
                                <div>
                                    <p class="bottom-txt3">联系我们</p>
                                </div>
                            </div>
                            <div class="bottom-hr2"> </div>
                            <div>
                                <div class="bottom-txt4">联系我们</div>
                                <div class="bottom-txt5">400-888-8888</div>
                                <div class="bottom2">
                                    <div class="bottom-button">立即咨询</div>
                                </div>
                                <div class="bottom2">
                                    <div class="bottom-content3">
                                        <img class="bottom-img2" src="images/picture/location.png" alt="">
                                        <div class="bottom-txt6">南京市玄武区玄武湖</div>
                                    </div>
                                </div>
                                <div class="bottom2">
                                    <div class="bottom-content3">
                                        <img class="bottom-img2" src="images/picture/email .png" alt="">
                                        <div class="bottom-txt6">admin@admin.com</div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="./js/common.js"></script>


</html>